<!DOCTYPE HTML>
<html>
<body>

<video controls="controls" autoplay="autoplay">
  <source src="D:\\Jul 19 07.10 Selenium demo\\res\\AppSharing1.ogg" type="video/ogg" />
  <source src="D:\\Jul 19 07.10 Selenium demo\\res\\AppSharing1.mp4" type="video/mp4" />
  <source src="D:\\Jul 19 07.10 Selenium demo\\res\\AppSharing1.wmv" type="video/wmv" />
Your browser does not support the video tag.
</video>

<br>

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

<br>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
var grd=cxt.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#FF0000");
grd.addColorStop(1,"#00FF00");
cxt.fillStyle=grd;
cxt.fillRect(0,0,175,50);
</script>
<br>
==============================
<script type="text/javascript">

if (localStorage.pagecount)
	{
	localStorage.pagecount=Number(localStorage.pagecount) +1;
	}
else
	{
	localStorage.pagecount=1;
	}
document.write("Visits: " + localStorage.pagecount + " time(s).");

</script> 

<p>Refresh the page to see the counter increase.</p>

<p>Close the browser window, and try again, and the counter will continue.</p>



<script type="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>
<br>
=========================================================
<form action="demo_form.jsp" method="get">
Username: <input type="text" name="usr_name" required="required" />
Encryption: <keygen name="security" />
E-mail: <input type="email" name="user_email" /><br />
Homepage: <input type="url" name="user_url" /><br />
<input type="range" name="points" min="1" max="10" />
Date: <input type="date" name="user_date" />
Color: <input type="color" name="user_color" />
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3schools.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<output id="result" onforminput="resCalc()"></output>
Points: <input type="number" name="points" min="0" max="10" step="3" />
Select images: <input type="file" name="img" multiple="multiple" />
Country code: <input type="text" name="country_code" pattern="[A-z]{3}"
title="Three letter country code" />
<input type="search" name="user_search"  placeholder="Search W3Schools" />
<input type="submit" />
</form>


<input list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>
</body>
</html>
